<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>第五大道奢侈品网</title>
    <link rel="stylesheet" href="css/shouye.css">
</head>

<body>
    <div id="banner">
        <a href="">
            <img src="img/0.jpg" alt="">
        </a>
    </div>
    <div id="nav-wrap">
        <div id="nav">
            <img class="img1" src="img/home.png" alt="">
            <a href="shouye.html">第五大道首页</a>
            <img class="img2" src="img/phone.png" alt="">
            <p>贵宾专线：4008-6767-38</p>
            <ul>
                <li class="li1"><a href="denglu.html">登录</a></li>
                <li> <img src="img/youli.gif" alt=""><a href="zhuce.html">注册</a></li>
                <li><a id="linka" href="">我的第五大道
                    <div id="li3-btm">
                        <ul>
                            <li>我的订单</li>
                            <li>我的收藏</li>
                            <li>已购商品</li>
                            <li>我的礼券</li>
                            <li>我的积分</li>
                        </ul>
                    </div>
                </a></li>
                <li><a href="">帮助中心</a></li>
                <li><a href="">手机版下载</a></li>
            </ul>
        </div>
    </div>
    <div id="search-wrap">
        <div id="search">
           <a href="shouye.html"> <img class="img1" src="img/wudadaologo.jpg" alt=""></a>
            <img class="img2" src="img/yijian.jpg" alt="">
            <div id="search-mid">
                <div id="search-mid-top">
                    <input class="search-btn1" type="text" placeholder="太阳镜">
                    <input class="search-btn2" type="button" value="搜&nbsp;索">
                </div>
                <ul>
                    <li class="li1">连衣裙</li>
                    <li>美妆</li>
                    <li>运动户外</li>
                    <li>箱包</li>
                    <li>配饰</li>
                    <li>腕表</li>
                </ul>
            </div>
            <div id="search-right">
                <img class="img3" src="img/hua.png" alt="">
                <p>第五大道海外生活</p>
            </div>
        </div>
    </div>
    <div id="meun-wrap">
        <div id="meun">
            <div class="li1">
            <a href="liebiao.html">商品分类
                <div id="meun_wrap_btm">
                    <ul>
                        <li>箱包</li>
                        <li>美妆</li>
                        <li>服装</li>
                        <li>腕表</li>
                        <li>配饰</li>
                        <li>鞋靴</li>
                        <li>母婴</li>
                        <li>美酒</li>
                        <li>美食</li>
                        <li>家居</li>
                        <li>电子</li>
                        <li>办公</li>
                        <li>礼品</li>
                        <li>海外馆</li>
                    </ul>
                </div>
            </a>

            </div>
            <ul id="ULO">
                <li><a href="">品牌</a></li>
                <li><a href="">最新</a></li>
                <li><a href="">女士</a></li>
                <li><a href="">男士</a></li>
                <li><a href="">生活馆</a></li>
                <li><a href="">海外馆</a></li>
                <li><a href="">时尚</a></li>
                <li><a href="">特惠</a></li>
                <li><a href="">礼品区</a></li>
                <li class="li2"><a href=""><img src="img/logo0.png" alt=""><span>到店</span></a></li>
                <li class="li3"><a href=""><img src="img/overseaslogo.gif" alt=""></a></li>
                <li class="li4"><a href=""><img src="img/logo1.png" alt=""></a></li>
                <li class="li5"><a href=""><img src="img/logo2.png" alt=""></a></li>
                <li class="li6"><a href=""><img src="img/logo3.png" alt=""></a></li>
            </ul>
        </div>
    </div>
    <div id="ad">
        <ul class="oUl">
            <li class="selection">
                <a href=""><img src="img/01.jpg" alt="" /></a>
            </li>
            <li>
                <a href=""><img src="img/02.jpg" alt="" /></a>
            </li>
            <li>
                <a href=""><img src="img/03.jpg" alt="" /></a>
            </li>
            <li>
                <a href=""><img src="img/04.jpg" alt="" /></a>
            </li>
            <li>
                <a href=""><img src="img/05.jpg" alt="" /></a>
            </li>
            <li>
                <a href=""><img src="img/06.jpg" alt="" /></a>
            </li>
            <li>
                <a href=""><img src="img/07.jpg" alt="" /></a>
            </li>
            <li>
                <a href=""><img src="img/08.jpg" alt="" /></a>
            </li>
            <li>
                <a href=""><img src="img/09.jpg" alt="" /></a>
            </li>
        </ul>
        <div class="leftjian"><img src="img/templateleft.png" alt=""></div>
        <div class="rightjian"><img src="img/templateright.png" alt=""></div>
        <ul class="yuan">
            <li class="current"></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
        </ul>
    </div>
    <script>
        var currentIndex = 0;
        var id;
        var len = document.querySelector(".oUl").childElementCount;

        function oUl(index) {
            if (currentIndex === len) {
                currentIndex = index = 0;
            }
            if (currentIndex < 0) {
                currentIndex = index = 4;
            }
            document.querySelector(".current").className = "";
            document.querySelector(
                ".yuan li:nth-child(" + (index + 1) + ")"
            ).className = "current";
            document.querySelector(".selection").className = "";
            document.querySelector(
                ".oUl li:nth-child(" + (index + 1) + ")"
            ).className = "selection";
        }

        function leftjian() {
            //后退
            currentIndex--;
            oUl(currentIndex);
        }

        function rightjian() {
            //前进
            currentIndex++;
            oUl(currentIndex);
        }
        var lis = document.querySelectorAll(".yuan li");
        for (var i = 0; i < lis.length; i++) {
            lis[i].index = i;
            lis[i].onclick = function () {
                currentIndex = this.index;
                oUl(currentIndex);
            };
        }

        function auto() {
            id = setInterval(rightjian, 3000);
        }

        function stop() {
            clearInterval(id);
        }
        auto();
        document.querySelector(".leftjian").onclick = leftjian; //后退按钮的点击事件
        document.querySelector(".rightjian").onclick = rightjian; //前进按钮的点击事件
        document.querySelector("div").onmouseover = stop; //div的鼠标移入事件
        document.querySelector("div").onmouseout = auto; //div的鼠标移出事件
    </script>
    <div id="mid-wrap">
        <div id="mid">
            <img src="img/main.png" alt="">
        </div>
    </div>
    <div id="midmain-wrap">
        <div id="midmain">
            <ul>
                <li>
                    <a href="">
                        <img src="img/mid1.jpg" alt="">
                        <div class="logo1">
                            <img src="img/midlogo1.png" alt="">
                            <span></span>
                            <p>Tiffany & Co.</p>
                            <p>蒂芙尼</p>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="img/mid2.jpg" alt="">
                        <div class="logo1">
                            <img src="img/midlogo2.png" alt="">
                            <span></span>
                            <p>Michael Kors/MK</p>
                            <p>迈克.柯尔</p>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="img/mid3.jpg" alt="">
                        <div class="logo1">
                            <img src="img/midlogo3.png" alt="">
                            <span></span>
                            <p>Longchamp </p>
                            <p>珑骧</p>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="img/mid4.png" alt="">
                        <div class="logo1">
                            <img src="img/midlogo4.png" alt="">
                            <span></span>
                            <p>Swarovski </p>
                            <p>施华洛世奇</p>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="img/mid5.jpg" alt="">
                        <div class="logo1">
                            <img src="img/midlogo5.png" alt="">
                            <span></span>
                            <p>Juicy Couture</p>
                            <p>橘滋</p>
                        </div>
                    </a>
                </li>
            </ul>
        </div>
    </div>
    <div id="b-main-wrap">
        <div id="b-main">
            <div id="b-main-top">
                <img id="img" src="img/hotstore_t.jpg" alt="">
                <img class="imgleft" src="img/leftkey.png" alt="">
                <img class="imgright" src="img/rightkey.png" alt="">
            </div>
            <ul class="oUL">
                <li class="li1">
                    <div id="box1">
                        <img src="img/lg1.png" alt="">
                        <div id="box2">
                            <p>蒂芙尼</p>
                            <span></span>
                        </div>
                    </div>
                    <div id="box1">
                        <img src="img/lg1.png" alt="">
                        <div id="box2">
                            <p>蒂芙尼</p>
                            <span></span>
                        </div>
                    </div>
                    <div id="box1">
                        <img src="img/lg1.png" alt="">
                        <div id="box2">
                            <p>蒂芙尼</p>
                            <span></span>
                        </div>
                    </div>
                    <div id="box1">
                        <img src="img/lg1.png" alt="">
                        <div id="box2">
                            <p>蒂芙尼</p>
                            <span></span>
                        </div>
                    </div>
                    <div id="box1">
                        <img src="img/lg1.png" alt="">
                        <div id="box2">
                            <p>蒂芙尼</p>
                            <span></span>
                        </div>
                    </div>
                    <div id="box1">
                        <img src="img/lg1.png" alt="">
                        <div id="box2">
                            <p>蒂芙尼</p>
                            <span></span>
                        </div>
                    </div>
                    <div id="box1">
                        <img src="img/lg1.png" alt="">
                        <div id="box2">
                            <p>蒂芙尼</p>
                            <span></span>
                        </div>
                    </div>
                    <div id="box1">
                        <img src="img/lg1.png" alt="">
                        <div id="box2">
                            <p>蒂芙尼</p>
                            <span></span>
                        </div>
                    </div>
                    <div id="box1">
                        <img src="img/lg1.png" alt="">
                        <div id="box2">
                            <p>蒂芙尼</p>
                            <span></span>
                        </div>
                    </div>
                    <div id="box1">
                        <img src="img/lg1.png" alt="">
                        <div id="box2">
                            <p>蒂芙尼</p>
                            <span></span>
                        </div>
                    </div>
                    <div id="box1">
                        <img src="img/lg1.png" alt="">
                        <div id="box2">
                            <p>蒂芙尼</p>
                            <span></span>
                        </div>
                    </div>
                    <div id="box1">
                        <img src="img/lg1.png" alt="">
                        <div id="box2">
                            <p>蒂芙尼</p>
                            <span></span>
                        </div>
                    </div>
                    <div id="box1">
                        <img src="img/lg1.png" alt="">
                        <div id="box2">
                            <p>蒂芙尼</p>
                            <span></span>
                        </div>
                    </div>
                    <div id="box1">
                        <img src="img/lg1.png" alt="">
                        <div id="box2">
                            <p>蒂芙尼</p>
                            <span></span>
                        </div>
                    </div>
                </li>
                <li>
                    <div id="box1">
                        <img src="img/14477419321653.png" alt="">
                        <div id="box2">
                            <p>莫斯奇诺</p>
                            <span></span>
                        </div>
                    </div>
                    <div id="box1">
                        <img src="img/lg1.png" alt="">
                        <div id="box2">
                            <p>蒂芙尼</p>
                            <span></span>
                        </div>
                    </div>
                    <div id="box1">
                        <img src="img/lg1.png" alt="">
                        <div id="box2">
                            <p>蒂芙尼</p>
                            <span></span>
                        </div>
                    </div>
                    <div id="box1">
                        <img src="img/lg1.png" alt="">
                        <div id="box2">
                            <p>蒂芙尼</p>
                            <span></span>
                        </div>
                    </div>
                    <div id="box1">
                        <img src="img/lg1.png" alt="">
                        <div id="box2">
                            <p>蒂芙尼</p>
                            <span></span>
                        </div>
                    </div>
                    <div id="box1">
                        <img src="img/lg1.png" alt="">
                        <div id="box2">
                            <p>蒂芙尼</p>
                            <span></span>
                        </div>
                    </div>
                    <div id="box1">
                        <img src="img/lg1.png" alt="">
                        <div id="box2">
                            <p>蒂芙尼</p>
                            <span></span>
                        </div>
                    </div>
                    <div id="box1">
                        <img src="img/lg1.png" alt="">
                        <div id="box2">
                            <p>蒂芙尼</p>
                            <span></span>
                        </div>
                    </div>
                    <div id="box1">
                        <img src="img/lg1.png" alt="">
                        <div id="box2">
                            <p>蒂芙尼</p>
                            <span></span>
                        </div>
                    </div>
                    <div id="box1">
                        <img src="img/lg1.png" alt="">
                        <div id="box2">
                            <p>蒂芙尼</p>
                            <span></span>
                        </div>
                    </div>
                    <div id="box1">
                        <img src="img/lg1.png" alt="">
                        <div id="box2">
                            <p>蒂芙尼</p>
                            <span></span>
                        </div>
                    </div>
                    <div id="box1">
                        <img src="img/lg1.png" alt="">
                        <div id="box2">
                            <p>蒂芙尼</p>
                            <span></span>
                        </div>
                    </div>
                    <div id="box1">
                        <img src="img/lg1.png" alt="">
                        <div id="box2">
                            <p>蒂芙尼</p>
                            <span></span>
                        </div>
                    </div>
                    <div id="box1">
                        <img src="img/lg1.png" alt="">
                        <div id="box2">
                            <p>蒂芙尼</p>
                            <span></span>
                        </div>
                    </div>
                </li>
                <li>
                    <div id="box1">
                        <img src="img/14477274206917.png" alt="">
                        <div id="box2">
                            <p>波比布朗</p>
                            <span></span>
                        </div>
                    </div>
                    <div id="box1">
                        <img src="img/lg1.png" alt="">
                        <div id="box2">
                            <p>蒂芙尼</p>
                            <span></span>
                        </div>
                    </div>
                    <div id="box1">
                        <img src="img/lg1.png" alt="">
                        <div id="box2">
                            <p>蒂芙尼</p>
                            <span></span>
                        </div>
                    </div>
                    <div id="box1">
                        <img src="img/lg1.png" alt="">
                        <div id="box2">
                            <p>蒂芙尼</p>
                            <span></span>
                        </div>
                    </div>
                    <div id="box1">
                        <img src="img/lg1.png" alt="">
                        <div id="box2">
                            <p>蒂芙尼</p>
                            <span></span>
                        </div>
                    </div>
                    <div id="box1">
                        <img src="img/lg1.png" alt="">
                        <div id="box2">
                            <p>蒂芙尼</p>
                            <span></span>
                        </div>
                    </div>
                    <div id="box1">
                        <img src="img/lg1.png" alt="">
                        <div id="box2">
                            <p>蒂芙尼</p>
                            <span></span>
                        </div>
                    </div>
                    <div id="box1">
                        <img src="img/lg1.png" alt="">
                        <div id="box2">
                            <p>蒂芙尼</p>
                            <span></span>
                        </div>
                    </div>
                    <div id="box1">
                        <img src="img/lg1.png" alt="">
                        <div id="box2">
                            <p>蒂芙尼</p>
                            <span></span>
                        </div>
                    </div>
                    <div id="box1">
                        <img src="img/lg1.png" alt="">
                        <div id="box2">
                            <p>蒂芙尼</p>
                            <span></span>
                        </div>
                    </div>
                    <div id="box1">
                        <img src="img/lg1.png" alt="">
                        <div id="box2">
                            <p>蒂芙尼</p>
                            <span></span>
                        </div>
                    </div>
                    <div id="box1">
                        <img src="img/lg1.png" alt="">
                        <div id="box2">
                            <p>蒂芙尼</p>
                            <span></span>
                        </div>
                    </div>
                    <div id="box1">
                        <img src="img/lg1.png" alt="">
                        <div id="box2">
                            <p>蒂芙尼</p>
                            <span></span>
                        </div>
                    </div>
                    <div id="box1">
                        <img src="img/lg1.png" alt="">
                        <div id="box2">
                            <p>蒂芙尼</p>
                            <span></span>
                        </div>
                    </div>
                </li> 
            </ul>
        </div>
    </div>
    <div id="f-main-wrap">
        <div id="f-main">
            <img src="img/bottom.jpg" alt="">
            <img src="img/f-main1.jpg" alt="">
            <img src="img/f-main2.jpg" alt="">
            <img src="img/f-main3.jpg" alt="">
            <img src="img/f-main4.jpg" alt="">
        </div>
    </div>
    <div id="code-wrap">
        <div id="code">
            <img src="img/storesametitle.jpg" alt="">
        </div>
    </div>
    <div id="title-wrap">
        <div id="title">
            <ul class="titleul">
                <li>热卖品牌</li>
                <li>新品推荐</li>
                <li>生活方式</li>
            </ul>
            <ul class="titleUL">
                <li>
                    <div class="titleUL_left"><a href=""><img src="img/feilagemu.jpg" alt=""></a></div>
                    <div class="titleUL_top1">
                        <p>Chiara Ferragni</p>
                        <p>琪亚拉·法拉格尼</p>
                        <p>￥1540</p>
                        <img src="img/xiezi.jpg" alt="">
                    </div>
                    <div class="titleUL_top2">
                        <p>TOPSHOP</p>
                        <p>￥448</p>
                        <img src="img/zongbao_1571x2000.JPG" alt="">
                    </div>
                    <div class="titleUL_top3">
                        <p>Maison Margiela</p>
                        <p>￥832</p>
                        <img src="img/qiuyiqiuku_385x580_800x800.jpg" alt="">
                    </div>
                    <div class="titleUL_bottom1">
                        <p>Prada</p>
                        <p>￥7441</p>
                        <img src="img/lanbao_2594x3464_800x800.jpg" alt="">
                    </div>
                    <div class="titleUL_bottom2">
                        <p>Carolina Santo Domingo</p>
                        <p>￥2218</p>
                        <img src="img/hualanbao_385x580_800x800.jpg" alt="">
                    </div>
                    <div class="titleUL_bottom3">
                        <p>Manolo Blahnik</p>
                        <p>￥3458</p>
                        <img src="img/gaogenxie_385x580_800x800.jpg" alt="">
                    </div>
                </li>
            </ul>
        </div>
    </div>
    <div id="shop-wrap">
        <div id="shop">
            <div><img src="img/shopcenter.jpg" alt=""></div>
            <div class="shop_top">
                <ul>
                    <li class="li1">经典箱包
                        <div class="box">
                            <div class="box1">
                                Classic bags
                            </div>
                        </div>
                    </li>
                    <li>典藏腕表
                        <div class="box">
                            <div class="box1">
                                Collection watches
                            </div>
                        </div>
                    </li>
                    <li>精致配饰
                        <div class="box">
                            <div class="box1">
                                Exquisite accessories
                            </div>
                        </div>
                    </li>
                    <li>个护化妆
                        <div class="box">
                            <div class="box1">
                                Nurse makeup
                            </div>
                        </div>
                    </li>
                    <li>时尚鞋服
                        <div class="box">
                            <div class="box1">
                                Shoes and apparel
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="shop_mid">
                <img class="img1" src="img/goodtitle1.jpg" alt="">
                <span><a href="">SHOW MORE</a></span>
                <img class="img2" src="img/shuangjiantou.png" alt="">
            </div>
        </div>
    </div>
    <div id="ban-wrap">
        <div id="ban">
            <div class="ban_btm_left">
                <ul class="ban_btm_left_ul">
                    <li><a href="liebiao.html">单肩包</a></li>
                    <li><a href="liebiao.html">手提包</a></li>
                    <li><a href="liebiao.html">手提斜挎包</a></li>
                    <li><a href="liebiao.html">双肩包</a></li>
                    <li><a href="liebiao.html">手拿包</a></li>
                    <li><a href="liebiao.html">钱包</a></li>
                    <li><a href="liebiao.html">小皮件</a></li>
                    <li><a href="liebiao.html">旅行箱/包</a></li>
                    <li><a href="liebiao.html">斜挎包</a></li>
                    <li><a href="liebiao.html">化妆箱/包</a></li>
                </ul>
                <div id="ban_left_footer">
                    <img src="img/lv.png" alt="">
                    <img src="img/guqi.jpg" alt="">
                    <img src="img/ma.png" alt="">
                    <img src="img/gucci.png" alt="">
                </div>
                <div id="ban_left_footer_btm">
                    <img src="img/btm.png" alt="">
                </div>
            </div>
            <div class="ban_mid">
                <img src="img/meinvlinbao.jpg" alt="">
                <div class="ban_mid_tle">
                    <p class="p1">Coach蔻驰</p>
                    <span></span>
                    <p class="p2">经典轻奢</p>
                    <p class="p3">简洁百搭</p>
                </div>
            </div>
            <div class="ban_rig">
                <div class="rig_box1">
                    <img src="img/7112.jpg" alt="">
                </div>
                <div class="rig_box1">
                    <img src="img/2652.jpg" alt="">
                </div>
                <div class="rig_box1">
                    <img src="img/2199.jpg" alt="">
                </div>
                <div class="rig_box1">
                    <img src="img/13856.jpg" alt="">
                </div>
            </div>
        </div>
    </div>




    <div class="bottom">
        <ul>
            <li>
                <img src="img/9.jpg" alt="">
                <div>
                    <p class="P1">正品保障</p>
                    <p class="P2">品牌授权，官方验真</p>
                </div>
            </li>
            <li>
                <img src="img/10.jpg" alt="">
                <div>
                    <p class="P1">专柜发货</p>
                    <p class="P2">专柜直接或到店自提</p>
                </div>
            </li>
            <li>
                <img src="img/11.jpg" alt="">
                <div>
                    <p class="P1">无忧售后</p>
                    <p class="P2">7天无理由退换货</p>
                </div>
            </li>
            <li>
                <img src="img/12.jpg" alt="">
                <div>
                    <p class="P1">VIP服务</p>
                    <p class="P2">享品牌会员售前售后服务</p>
                </div>
            </li>
            <li>
                <img src="img/13.jpg" alt="">
                <div>
                    <p class="P1">权威荣誉</p>
                    <p class="P2">商务部授予诚信示范企业</p>
                </div>
            </li>
        </ul>
    </div>
    <div class="footer">
        <ul>
            <li class="li0">
                <span class="span1">服务保障</span>
                <span>品牌授权正品</span>
                <span>品牌客服</span>
                <span>预约到店体验</span>
                <span>7天无理由退换</span>
            </li>
            <li>
                <span class="span1">使用帮助</span>
                <span>品牌授权正品</span>
                <span>品牌客服</span>
                <span>预约到店体验</span>
                <span>7天无理由退换</span>
            </li>
            <li>
                <span class="span1">支付方式</span>
                <span>品牌授权正品</span>
                <span>品牌客服</span>
                <span>预约到店体验</span>
                <span>7天无理由退换</span>
                <span>分期付款</span>
            </li>
            <li>
                <span class="span1">配送方式</span>
                <span>品牌授权正品</span>
                <span>品牌客服</span>
                <span>预约到店体验</span>
                <span>7天无理由退换</span>
            </li>
            <li>
                <span class="span1">售后服务</span>
                <span>品牌授权正品</span>
                <span>品牌客服</span>
                <span>预约到店体验</span>
                <span>7天无理由退换</span>
            </li>
            <li class="li1">
                <span class="span1">第五大道APP</span>
                <img src="img/14.jpg" alt="">
            </li>
            <li class="li2">
                <span class="span1">第五大道微博</span>
                <img src="img/14.jpg" alt="">
            </li>
        </ul>
    </div>
    <div class="copy">
        <div class="copy-1">
            <ul>
                <li><a href="">箱包</a></li>
                <li><a href="">美妆</a></li>
                <li><a href="">服饰</a></li>
                <li><a href="">腕表</a></li>
                <li><a href="">配饰</a></li>
                <li><a href="">鞋靴</a></li>
                <li><a href="">特惠</a></li>
                <li class="LI"><a href="">礼品区</a></li>
            </ul>
        </div>
        <div class="copy-2">
            <ul>
                <li>关于第五大道</li>
                <li>网站地图</li>
                <li>品牌合作专区</li>
                <li>媒体聚焦</li>
                <li>商务合作</li>
                <li>商家合作</li>
                <li>加入第五大道</li>
                <li>友情链接</li>
                <li>奢尚志</li>
                <li>联系我们</li>
                <li>投诉建议</li>
            </ul>
        </div>
        <div class="copy-3">
            <p>Copyright © 2008-2014 瑞美嘉信国际信息技术（北京）有限公司 版权所有京ICP备09012701号 京公网安备 11010102003747号 丨营业执照</p>
        </div>
    </div>
    <div id="up">
        <div id="bigbox1">
            <img src="img/foot.png" alt="">
            <div id="bigbox"></div>
        </div>
    </div>
    <script>
        var a = document.querySelector("#bigbox");
        var b = document.querySelector("#up");
        a.onclick = function () {
            b.style.display = "none";
        }
    </script>
    <div class="right">
        <ul>
            <li><a href="gouwuche.html"><img src="img/gouwu.png" alt=""></a></li>
            <li><img src="img/ka.png" alt=""></li>
            <li><img src="img/xin.png" alt=""></li>
            <li><img src="img/kefu.png" alt=""></li>
            <li class="li4"><img src="img/weixin.png" alt=""></li>
            <li><img src="img/bi.png" alt=""></li>
            <li><img src="img/dianhua.png" alt=""></li>
            <li id="puttop"><img src="img/top.png" alt=""></li>
        </ul>
    </div>
    <script>
        var puttop=document.querySelector("#puttop");
        puttop.onclick=function(){
            document.documentElement.scrollTop=document.body.scrollTop=0;
        }
    </script>
</body>

</html>